/* 
    Document   : app
    Created on : Jul 29, 2009, 3:44:37 PM
    Author     : alex
    Description:
        Purpose of the stylesheet follows.
*/

body {
   font-family: Arial;
   margin: 0px;
   padding: 0px;
   width: 100%;
   height: 100%;
}

#-app-controls {
   position: fixed;
   left: 0px;
   display: block;
   background-color: rgb(230,230,230);
   padding: 5px;
   border-top: 3px solid rgb(200,200,200);
   width: 100%;
   min-height: 30px;
}

#-app-controls #-app-toc {
   max-width: 75%;
   border: 1px solid rgb(200,200,200);
   margin-left: 1em;
   margin-right: 1em;
}

#-app-content {
   padding-left: 0.3em;
   padding-top: 0.3em;
   margin-bottom: 100px;
   top: 0px;
   height: 100%;
}


.-app-indent-1  {
   padding-left: 2em;
}

.-app-indent-2  {
   padding-left: 4em;
}

.-app-indent-3  {
   padding-left: 6em;
}

.-app-indent-4  {
   padding-left: 8em;
}

.-app-indent-5  {
   padding-left: 10em;
}

.clear {
   clear: both;
}

.info {
   padding-left: 1em;
}

.info .author .info {
   float: left;
   width: 45%;
}

.info .author .personblurb {
   float: left;
   margin-left: 3%;
   width: 45%;
}

.legalnotice {
   padding: 0.5em;
   margin-left: 5em;
   margin-right: 5em;
   border: 1px solid rgb(200,200,200);
}

.section, .appendix {
   padding-left: 1em;
}

.section-ref {
   padding: 0.2em;
   border: 1px solid rgb(200,200,200);
   font-size: 1.2em;
   font-weight: bold;
}

.section-ref:hover {
   cursor: pointer;
   background-color: rgb(180,180,180);
}

.section-ref .icon {
   font-weight: normal;
   font-size: 1.5em;
   padding-right: 0.5em;
}

.figure {
   border: 1px solid rgb(200,200,200);
   padding: 1em;
   text-align: center;
   margin-right: 1em;
}

.figure .caption {
   font-style:italic;
}